<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Language" content="UTF-8" />
  <meta content="all" name="robots" />
  <meta name="author" content="tiger"/>
  <meta name="Copyright" content="jinzhou group" />
  <meta name="description" content="jinzhou group oa" />
  <title>通讯录</title>
  <link rel="stylesheet" type="text/css" href="../css/default/address_list.css" />
  <script language="javascript" src="../js/jquery/jquery.js"></script>
  <script language="javascript" src="../js/pub-jquery.js"></script>
  <script language="javascript" src="../js/jquery/jquery.simplemodal.js"></script>
  <script language="javascript" src="../js/jquery/jquery.blockUI.js"></script>
  <script language="javascript" src="../js/jquery/jquery.pagination.js"></script>
  <script language="javascript" src="../js/default/address_list.js"></script>
</head>
<body>
<div class="container">
  <h1 class="page_header_1">通讯录</h1>
  <input type="hidden" id="wholepage" name="wholepage" value="<% $wholepage %>" />
  <!-- 搜索 -->
  <div id="search_block">
    <!-- <div class="column span-7">
	  搜索范围：
	  <select id="search_area" name="search_area">
		<option>姓名</option>
		<option>联系电话</option>
	  </select>
	</div> -->
	<div class="column span-12">
	  <input type="text" />
	  <input type="button" value="搜索" />
	</div>
	<div class="column span-7">
	  排序：
	  <select id="search_order" name="search_order">
	    <option value="1" selected="selected">姓名</option>
	    <option value="2">时间</option>
		<option value="3">公司</option>
	  </select>
	</div>
  </div>
  <div class="divclear"></div>
  
  <table cellspacing="0" class="formatted_table">
    <thead>
	  <tr>
	    <th class="tth_1 tblank"> </th>
	    <th>姓名/性别</th>
		<th>联系电话</th>
		<th>手机号码</th>
		<th>详细信息</th>
	  </tr>
	</thead>
	<tbody id="tbody2"></tbody>
  </table>
  
  <div id="pager" class="pagination"></div>
</div>

<!-- 预览 -->
<div id="preview_block" class="the_outer" style="display:none;">
  <div class="modal_header">详细信息：</div>
  <div class="modal_content">
  <table cellspacing="0" class="formatted_table">
    <tr>
	  <!-- 照片 -->
	  <td id="preview_left">
	    <img id="preview_photo" class="photos" src="../user_photo/nophoto.jpg" />
	  </td>
	  <!-- 详细信息 -->
	  <td>
	    <table id="preview_more" cellspacing="0">
		  <tr>
		    <td id="preview_name" colspan="4" class="name"></td>
		  </tr>
		  <tr>
		    <td class="llabel">联系电话：</td>
			<td id="preview_tel" class="lcontent"></td>
			<td class="llabel">手机号码：</td>
			<td id="preview_phone" class="lcontent"></td>
		  </tr>
		  <tr>
		    <td class="llabel">QQ：</td>
			<td id="preview_qq" class="lcontent"></td>
			<td class="llabel">Email：</td>
			<td id="preview_email" class="lcontent"><a href="#"></a></td>
		  </tr>
		  <tr>
		    <td class="llabel">家庭住址：</td>
			<td colspan="3" id="preview_address" class="lcontent"></td>
		  </tr>
		</table>
	  </td>
	</tr>
  </table>
  </div>
</div>

</body>
</html>
